<template>
    <div>
      <p>这是父组件</p>
      <p>msg: {{ msg }}</p>

      <ChildCom :msg="msg"   @childEmit="changeMsg" @ale="ale"/>
      <br>
      <button @click="updateMsg">修改父组件的值1</button>
    </div>
  </template>
  <script setup>
  import ChildCom from './ChildCom.vue'
  import { ref } from "vue";
  const msg = ref('你做的很好，孩子')
  function changeMsg(childMsg) {
    msg.value = childMsg
  }

  function updateMsg(){
    msg.value='你做的很好，孩子';
  }

  function ale(newDd){
alert("神明禁行")
  }
  </script>
  